<!doctype html> 
<html lang="zh_CN">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="./fonts/boostrapicons/bootstrap-icons.css">
    <!-- 文件输入框的css样式 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.4/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
     
    <link href="./css/summernote/summernote-bs4.css"rel="stylesheet"></linkhref>
    <title></title>
  </head>
  <body>
      <!-- <input id="input-id"  type="file"> -->
      <input id="input-id" type="file" class="file" data-preview-file-type="text" >

      <div id="summernote"></div>
  
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <!-- <script src="./js/plugins/bootstrap/jquery.slim.min.js" ></script> -->
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js"></script>
    <script src="./js/plugins/bootstrap/popper.min.js"></script>
    <script src="./js/plugins/bootstrap/bootstrap.min.js"></script>
    <!-- 文件输入框的js控件 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.4/js/fileinput.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.4/themes/fa/theme.js"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.4/js/locales/zh_CN.js"></script> -->

  <script src="./js/plugins/summernote/summernote-bs4.js"></script>
  <script type="text/javascript">
         $("#input-id").fileinput();
         // $("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});
 
    
       $('#summernote').summernote({
        placeholder:'富文本编辑器',
        tabsize:2,
        height:100
      });
  
  </script>
      </script>
  </body>
</html>